<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>月影</title>
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <!-- 语义化标签 div 蜘蛛用的-->
    <header>
    <button id="modeBtn">白天</button>
    <h1>叶加起的博客写的不错</h1>
    </header>
    <!-- 重要的主体部分  -->
    <main>
<div class="pic">
    <img src="https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/154b55eb36c8ae10f701e2d3d6cfb138~300x300.image    " alt="">
</div>
<div class="description">
    <article>
        <header>
            这是叶加起同学的博客，他未来会在掘金写文章，未来会成为掘金网红。
            <hr>
            <ul>
                <li>1. 写十篇以上文章</li>
                <li>2. 有一到两篇点赞数超一百的文章</li>
                <li>3. 上作业榜单</li>
            </ul>
        </header>
    </article>
</div>
    </main>
    <footer>
        叶加起的个人博客，欢迎加好友。
    </footer>
    <script src="./common.js"></script>
</body>
</html>